<template>
	<view>
		<view class="bj1">
			<span class="sj">{{c.name}}</span>
		</view>
		<view class="zong">
			<view class="imgs"><image style="width: 110px;height: 115px;border-radius: 12px;" :src="c.imgpash"></image></view>
			<view style="width: 100%;height: 75px;margin-top: -10px;">
				<view style="width: 4px;height: 17px;background-color: #FF5E81;margin-left: 25px;margin-top: 10px;border-radius: 15px;display: inline-block"></view>
				<span style="margin-left: 12px;font-size: 15px;color: #333333;"><b>隶属于</b></span>
				<br>
				<span style="font-size: 13px;color: #333333;margin-left: 45px;position: relative;top:10px">{{c.classification.name}}</span>
			</view>
			<view style="width: 100%;height: 75px;margin-top: 10px;">
				<view style="width: 4px;height: 17px;background-color: #FF5E81;margin-left: 25px;margin-top: 10px;border-radius: 15px;display: inline-block"></view>
				<span style="margin-left: 12px;font-size: 15px;color: #333333;"><b>分类垃圾</b></span>
				<br>
				
				<span v-if="c.classificationList ==''" style="font-size: 13px;color: #333333;margin-left: 45px;position: relative;top:10px">暂无</span>
				<view v-if="c.classificationList !=''" v-for="(item,index) in c.classificationList" style="width: 100%;height: 35px;background-color: #000000;">
					<span style="font-size: 13px;color: #333333;margin-left: 45px;position: relative;top:10px">{{item.name}}</span>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:0,
				c:{},
			}
		},
		onLoad() {
			this.initxq()
		},
		methods: {
			initxq(){
				this.id=this.$route.query.id
				uni.request({
					url:'http://localhost:9525/xkuser/ljp/getclassxq',
					method: 'GET',
				   data: {
					   id:this.id,
				   },
				   dataType:'json',
				   success: (res) => {
						// var result = JSON.parse(res.data.data.message);
						var result = res.data.message;
						console.log(res)
						this.c=res.data.data.c
							
					},
				})	
			}
		}
	}
</script>

<style>
	.imgs{
		width: 110px;
		height: 115px;
		/* background-color: #000000; */
		border-radius: 12px;
		margin-left: 235px;
		position: relative;
		top: -55px;
	}
	.zong{
		width: 100%;
		height: 500px;
		background-color: #FFFFFF;
		margin-top: -75px;
		border-radius: 20px;
	}
	.sj{
		font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
		    font-weight: 700;
		    font-size: 20px;
		    color: #FFFFFF;
		    margin-left: 15px;
			position: absolute;
			top: 20px;
	}
	.bj1{
			width:100%;
			height:468rpx;
			background-image: url(../../static/indeimg/xia.png);
			
		}
</style>
